<svg viewBox='0 0 800 320' class='fm-chart'>
  <style type='text/css'>
  <![CDATA[
  .fm-chart text, .fm-tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10px sans-serif;
  }

  .fm-chart .axis .stroke {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .tick {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .label, .axis .title {
    fill: #666;
  }

  .fm-chart .axis .label {
    font-size: 10px;
  }

  .fm-chart .axis .title {
    font-size: 10px;
  }

  .fm-chart .chart-title {
    font-size: 12px;
    font-weight: bold;
  }

  .fm-chart .chart-subtitle {
    font-size: 10px;
  }

  .fm-chart text.label {
    fill: #666;
  }

  .fm-chart .legend text {
    font-size: 10px;
    fill: #333;
  }

  .fm-chart .legend text.title {
    fill: #666;
  }

  .fm-chart .line {
    fill: none;
    stroke: #000;
  }

  .fm-chart .area {
    opacity: 0.8;
  }

  .fm-chart .grid .gridline {
    stroke: #ddd;
    stroke-width: 0.02em;
  }

  .fm-chart .bar,
  .fm-chart .point,
  .fm-chart .area {
    fill: #000;
  }

  .fm-chart .bar.color6,
  .fm-chart .point.color6,
  .fm-chart .area.color6 {
    fill: #db843d;
  }

  .fm-chart .lines .line.color6 {
    strok: #db843d;
  }

  .fm-chart .bar.color5,
  .fm-chart .point.color5,
  .fm-chart .area.color5 {
    fill: #3d96ae;
  }

  .fm-chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .fm-chart .bar.color4,
  .fm-chart .point.color4,
  .fm-chart .area.color4 {
    fill: #80699b;
  }

  .fm-chart .line.color4 {
    stroke: #80699b;
  }

  .fm-chart .bar.color3,
  .fm-chart .point.color3,
  .fm-chart .area.color3 {
    fill: #89a54e;
  }

  .fm-chart .line.color3 {
    stroke: #89a54e;
  }

  .fm-chart .bar.color2,
  .fm-chart .point.color2,
  .fm-chart .area.color2 {
    fill: #aa4643;
  }

  .fm-chart .line.color2 {
    stroke: #aa4643;
  }

  .fm-chart .bar.color1,
  .fm-chart .point.color1,
  .fm-chart .area.color1 {
    fill: #4572a7;
  }

  .fm-chart .line.color1 {
    stroke: #4572a7;
  }

  .fm-chart.bar.vertical .axis.left .stroke,
  .fm-chart.bar.vertical .axis.left .tick,
  .fm-chart.bar.vertical .axis.right .stroke,
  .fm-chart.bar.vertical .axis.right .tick {
    display: none;
  }

  .fm-tooltip {
    text-align: center;
    padding: 5px 7px;
    color: #fff;
    background: #333;
    border-radius: 3px;
    font-size: 13px;
  }
  ]]>
  </style>
  <g class='axis bottom'>
    <text x='650.000000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >QAT</text>
    <text x='400.000000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >LUX</text>
    <text x='150.000000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >ARE</text>
    <line x1='25.000000' y1='295.000000' x2='25.000000' y2='290.000000' class='tick' />
    <line x1='775.000000' y1='295.000000' x2='775.000000' y2='290.000000' class='tick' />
    <line x1='525.000000' y1='295.000000' x2='525.000000' y2='290.000000' class='tick' />
    <line x1='275.000000' y1='295.000000' x2='275.000000' y2='290.000000' class='tick' />
    <line x1='25.000000' y1='295.000000' x2='775.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='grid horizontal'>
    <line x1='25.000000' y1='295.000000' x2='775.000000' y2='295.000000' class='gridline' />
    <line x1='25.000000' y1='12.000000' x2='775.000000' y2='12.000000' class='gridline' />
    <line x1='25.000000' y1='106.333333' x2='775.000000' y2='106.333333' class='gridline' />
    <line x1='25.000000' y1='200.666667' x2='775.000000' y2='200.666667' class='gridline' />
  </g>
  <g class='legend'>
    <text x='50.000000' y='22.000000' style='text-anchor:start; dominant-baseline:text-before-edge;' class='title' ></text>
    <circle cx='750.000000' cy='28.000000' r='3.000000' class='point color1' fm:label='' fm:series='', style=''></circle>
    <text x='742.000000' y='28.000000' style='text-anchor:end; dominant-baseline:central;' class='label' >unnamed</text>
    <circle cx='688.000000' cy='28.000000' r='3.000000' class='point color2' fm:label='' fm:series='', style=''></circle>
    <text x='680.000000' y='28.000000' style='text-anchor:end; dominant-baseline:central;' class='label' >unnamed</text>
    <circle cx='626.000000' cy='28.000000' r='3.000000' class='point color3' fm:label='' fm:series='', style=''></circle>
    <text x='618.000000' y='28.000000' style='text-anchor:end; dominant-baseline:central;' class='label' >unnamed</text>
  </g>
  <g class='bars vertical'>
    <rect x='568.333335' y='37.727273' width='46.666666' height='257.272727' class='bar color1' fm:series='unnamed' fm:label='QAT: 136311.008390, QAT: 118835.478550, QAT: 109972.625050' style=''></rect>
    <rect x='626.666667' y='70.710502' width='46.666666' height='224.289498' class='bar color2' fm:series='unnamed' fm:label='QAT: 136311.008390, QAT: 118835.478550, QAT: 109972.625050' style=''></rect>
    <rect x='684.999999' y='87.438208' width='46.666666' height='207.561792' class='bar color3' fm:series='unnamed' fm:label='QAT: 136311.008390, QAT: 118835.478550, QAT: 109972.625050' style=''></rect>
    <rect x='318.333335' y='152.332259' width='46.666666' height='142.667741' class='bar color1' fm:series='unnamed' fm:label='LUX: 75589.759562, LUX: 74030.888161, LUX: 79829.412797' style=''></rect>
    <rect x='376.666667' y='155.274466' width='46.666666' height='139.725534' class='bar color2' fm:series='unnamed' fm:label='LUX: 75589.759562, LUX: 74030.888161, LUX: 79829.412797' style=''></rect>
    <rect x='434.999999' y='144.330359' width='46.666666' height='150.669641' class='bar color3' fm:series='unnamed' fm:label='LUX: 75589.759562, LUX: 74030.888161, LUX: 79829.412797' style=''></rect>
    <rect x='68.333335' y='181.507640' width='46.666666' height='113.492360' class='bar color1' fm:series='unnamed' fm:label='ARE: 60131.745122, ARE: 61096.834409, ARE: 64148.054514' style=''></rect>
    <rect x='126.666667' y='179.686135' width='46.666666' height='115.313865' class='bar color2' fm:series='unnamed' fm:label='ARE: 60131.745122, ARE: 61096.834409, ARE: 64148.054514' style=''></rect>
    <rect x='184.999999' y='173.927277' width='46.666666' height='121.072723' class='bar color3' fm:series='unnamed' fm:label='ARE: 60131.745122, ARE: 61096.834409, ARE: 64148.054514' style=''></rect>
  </g>
</svg>
